*{
  padding:0;
  margin:0;
  box-sizing: border-box;
  list-style: none;
  font-family: Arial, Helvetica, sans-serif;
}
html,body,.yun-view,#app{
  width:100%;
  height:100%;  
}
html,body{
  background-color: #efefef;
}
:root{
  --main-color:#03A9F4;
  --head-color:#36d0f7;
  --menu-hover-color:#42c1fc;
  --menu-active-color: #fff;
  --main-font-color:#3f3f3f;
}
.yun-view-title{
  padding: 15px;
  background-color: #fff;
  font-size:18px;
  display: flex;
  align-items: center;
  border-radius: 4px;
  i{
    display: block;
    width:4px;
    height:20px;
    border-radius: 4px;
    background-color: var(--main-color);
    margin-right:10px;
  }
}
::-webkit-scrollbar {
  width: 8px; /*高宽分别对应横竖滚动条的尺寸*/
  height: 1px;
}
::-webkit-scrollbar-thumb {
  /*滚动条里面小方块*/
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(97, 184, 179, 0.1);
  background: var(--main-color);
}
::-webkit-scrollbar-track {
  /*滚动条里面轨道*/
  box-shadow: inset 0 0 5px rgba(175, 232, 240, 0.1);
  border-radius: 10px;
  background: #ededed;
}